
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>收月饼游戏</title>
    <script src="https://cdn.bootcss.com/EaselJS/0.8.0/easeljs.min.js"></script>
    <script src="https://cdn.bootcss.com/tweenjs/0.6.2/tweenjs.min.js"></script>
    <style type="text/css">
    	*{padding:0;margin:0;border:0;}
    	.showInfo{position:fixed;top:0;left:35%;width:30%;height:30%;color:#fff;font-size:22px;line-height:50px;text-indent:1em;text-align:center;background-image: url(img/jifen.png);background-repeat: no-repeat;background-size: 100%;}
    	.start{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index: 10;background-image:url(img/startbg.jpg);background-size:100% auto;}
    	.start .cloud{position: absolute;bottom:0;width:100%;z-index: 1;}
    	.startBtn{position:absolute;width:50%;left:25%;bottom:20%;}
    	.stage{width:100%;height:100%;}
    	.end{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index: 11;background-image:url(img/overbg.jpg);background-size:100% auto;background-repeat: no-repeat;}
        .end .cloud{position: absolute;bottom:0;width:100%;z-index: 1;}
    </style>
</head>
<body>
        <div class="start">
        			<img class="startBtn" src="img/startBtn.png"/>
        	       <img class="cloud" src="img/cloud.png"/>
                   <h3 style="color: #eee;text-align: center;position: absolute;width: 100%;bottom: 10%;z-index: 10">南国早报新媒体中心制作</h3>
        </div>
        <audio src="img/bg.mp3" id="bgmusic" loop></audio>
        <div class="showInfo" id="showInfo">
                0
        </div>
        <div class="gameWrap">
	    	<canvas id="stage"></canvas>
	    </div>
	    <div class="end">
	    	  <img class="cloud" src="img/cloud.png"/>
	    </div>
    <script src="js/audio.js"></script>
    <script src="js/game.js"></script>
</body>
</html>